<%@ page language="java" isELIgnored="false" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>

  <link href="<%=path %>/styles/bootstrap.min.css" rel="stylesheet">
  <link href="<%=path %>/styles/bootstrap-reset.css" rel="stylesheet">
  <link href="<%=path %>/styles/jquery-ui-1.10.3.css" rel="stylesheet">
  <link href="<%=path %>/styles/font-awesome.min.css" rel="stylesheet">
  <link href="<%=path %>/styles/bootstrap-addtabs.css" rel="stylesheet" media="screen"/>
  <link href="<%=path %>/styles/style-responsive.css" rel="stylesheet">
  <link href="<%=path %>/styles/style.css" rel="stylesheet">
  <link href="<%=path %>/styles/toastr.css" rel="stylesheet">
  <style>
	@media (min-width:992px) and (max-width:1287px){
		#sum_box h4{
			font-size:16px;
			font-weight:bolder;
		}
	}
</style>
</head>


<body class="sticky-header left-side-collapsed">
	<div class="left-side sticky-left-side" tabindex="5000" style="outline: none;background: #424f63;">
    	<a class="toggle-btn menu-collapsed"><i class="fa fa-bars"></i></a>
        <div class="left-side-inner" role="group" aria-label="...">
            <!-- visible to small devices only -->
            <!--sidebar nav start-->
            <ul id="nav" class="nav nav-pills nav-stacked custom-nav">
                <li class="nav-active"><a href=""><i class="fa fa-home fa-2x"></i></a></li>
            </ul>
        </div>
    </div>
<header class="topbar admin-header">
<section>
    <!-- left side start-->
    
    <!-- left side end-->
    <!-- main content start-->
            <div class="header-section">
            <div class="navbar navbar-duomi navbar-static-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <b><font style="line-height:50px;font-size:25px;margin-left:50px;font-family:sans-serif;"><strong>IT</strong>人才测评网站后台</font></b> 
			        </div>
			        <div class="menu-right">
			            <ul class="notification-menu">
			            	<li>
			            		<a class="btn btn-default dropdown-toggle info-number" id="newTime" style="padding-top: 5px;"></a>
			            	</li>
			            	<li>
			            	<input type="hidden" id="userState" value="${sessionScope.User01.userState }"/>
			            		<a class="btn btn-default dropdown-toggle info-number"><i class="glyphicon glyphicon-user"></i>&nbsp;${sessionScope.User01.userName}</a>
			            	</li>
			            	<li> 
			            		<a class="btn btn-default dropdown-toggle info-number" href="<%=path %>/UserController/userLogout01.action" title="退出"><i class="glyphicon glyphicon-log-out"></i></a></li>
			            	<li id="showWindow">
			            		<a class="btn btn-default dropdown-toggle info-number" onclick="showWindow()" title="全屏"><i class="glyphicon glyphicon-fullscreen"></i></a></li>
			            	<li id="hideWindow" style="display:none;">
			            		<a class="btn btn-default dropdown-toggle info-number" onclick="hideWindow()" title="退出全屏"><i class="glyphicon glyphicon-fullscreen"></i></a></li>
			            	<div class="clearfix"></div>
			            </ul>
		           </div>
                </div>
            </div>
        </div>
    <div class="main-content">

       <div class="wrapper">
            <div id="tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#home" aria-controls="home" role="tab" data-toggle="tab">工作台</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                   <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="page-content">
                            <div id="tab-general">
                                <div id="sum_box" class="row mbl">                    
                               <div id="pieEchart">
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="modal fade" id="alterModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" >
		<div class="modal-dialog" style="width:400px;margin-top:180px;">
			<div class="modal-content" style="padding:0px;">
				<div class="modal-header" style="background: #fff;color:#000;">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="color:#000;">x</span>
					</button>
					<h5 class="modal-title">修改密码<span id="processTitle"></span></h5>
				</div>
				<div class="table-responsive" style="padding-left:75px;">
					<div style="margin: 20px 5px;">
						 <span>旧密码：</span>
                        <input id="oldPassword" type="password" style="height:30px;border-radius:5px;border:1px solid #ccc" />
					</div>
                   <div style="margin: 20px 5px;">
                   		 <span>新密码：</span>
                        <input id="newPassword" type="password" style="height:30px;border-radius:5px;border:1px solid #ccc" />
                   </div> 
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="res()">重置</button>
					<button type="button" class="btn btn-primary" onclick="sub()">提交更改</button>
				</div>
			</div>
			<!-- modal content ends -->
		</div>
		<!-- modal dialog ends-->
	</div>
    <!-- main content end-->
</section>
</header>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="/IT_TalentEvaluation/script/jquery-1.11.2.min.js"></script>
<script src="/IT_TalentEvaluation/script/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/IT_TalentEvaluation/script/jquery-migrate-1.2.1.min.js"></script>
<script src="/IT_TalentEvaluation/script/bootstrap.min.js"></script>
<script src="/IT_TalentEvaluation/script/modernizr.min.js"></script>
<script src="/IT_TalentEvaluation/script/jquery.nicescroll.js"></script>
<script src="/IT_TalentEvaluation/script/bootstrap-addtabs.js"></script>
<!-- <script src="script/pm/base.js"></script> -->
<script src="/IT_TalentEvaluation/script/toastr.js"></script>
<script src="/IT_TalentEvaluation/script/toastr.setting.js"></script>
<script src="/IT_TalentEvaluation/script/echarts.common.min.js"></script>
<script src="/IT_TalentEvaluation/script/macarons.js"></script>
<script src="/IT_TalentEvaluation/script/pm/index.js"></script>

<!--common scripts for all pages-->
<!-- <div class="wrapper">
            <div id="tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#home" aria-controls="home" role="tab" data-toggle="tab">工作台</a></li>
                </ul>
                Tab panes
                <div class="tab-content">
                   <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="page-content">
                            <div id="tab-general">
                                <div id="sum_box" class="row mbl">
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
 --><script type="text/javascript">
    $(function () {
    	
    	 tick();
    	
        $('#tabs').addtabs({
        	monitor: '.topbar',
     		iframeHeight: $(document).height()-105});
        $('#sum_box a').click(function () {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $(this).text(),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
        $('.sub-menu-list li a').click(function() {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $.trim($(this).text()),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
        $('#email').click(function() {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $.trim($(this).text()),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
        $('#order').click(function() {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $.trim($(this).text()),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
        $('#inproductionList').click(function() {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $.trim($(this).text()),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
        $('#shipmentList').click(function() {
            Addtabs.add({
                id: $(this).attr('addtabs'),
                title: $(this).attr('title') ? $(this).attr('title') : $.trim($(this).text()),
                url: $(this).attr('url'),
                ajax: $(this).attr('ajax') ? true : false
            })
        });
    })
    
</script>
</body>
</html>
